<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org" xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3">
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>接单赚钱</title>
<link rel="stylesheet" type="text/css" href="../css/reset.css" th:href="@{${uiPath} + ${appName} + '/css/reset.css'}"/>
    <link rel="stylesheet" type="text/css" href="../css/SJS.css" th:href="@{${uiPath} + ${appName} + '/css/SJS.css'}"/>
    <link rel="stylesheet" type="text/css" href="../css/zdialog.css" th:href="@{${uiPath} + ${appName} + '/css/zdialog.css?v=20171220'}"/>

</head>
<body>
<div class="zong">
	  <div class="toubu">
      <p class="biaoti">接单赚钱</p> 
     </div> 
      <div class="topkuai"></div>
     <div class="switchlan">
        <p class="fenlanc daijie">待接单</p>
        <p class="fenlanc yitou">已投标订单</p>
        <p class="fenlanc jinxing">进行中订单</p>
        <p class="fenlanc wancheng">已完成订单</p>
     </div>
    <!--  待结单 -->
     <div class="daijiezong">
          <div class="zhaohuo">
        <p class="tishidd">地图找活</p>
        <p class="refresh">点击刷新</p>
     </div>
     <div class="mapzhao"></div>
     <div class="renwulie">
       <p class="tixukl">任务列表</p>
     </div>
     <div class="renwulist">
         <ul id="jiedan">
        <!-- <a href="../SJS/SJS_jidanXQ.html">
             <li class="renwilistli" th:each=“bianliang：${result}”> 
               <p class="xiaqumna"  th:utext="${bianliang.value}"><b>雅居园小区128平</b></p>
               <p class="timelist"  th:utext="${bianliang.value}">2017-12-12 21:45</p>
                <textarea class="yaoqiulist" name="" id="" cols="30" rows="10" readonly="readonly"  th:utext="${bianliang.value}">要求中式风格,古朴典雅,20天完成</textarea>
                <p class="jiagelis"  th:utext="${bianliang.value}">价格:800元</p>
                <p class="rightrow"></p>
             </li>
             </a>-->
         </ul>
     </div>
     </div>
    <!-- 已投标订单 -->
    <div class="yigoudingdan">
       <div class="renwulie">
       <p class="tixukl">任务列表</p>
     </div>
     <div class="renwulist">
         <ul id="toubiao">
    <!--     <a href="../SJS/SJS_yitouIng.html" >
             <li class="renwilistli renldd" th:each=“bianliang：${result}”> 
               <p class="xiaqumna"  th:utext="${bianliang.value}"><b>雅居园小区128平</b></p>
               <p class="timelist"  th:utext="${bianliang.value}">2017-12-12 21:45</p>
                <textarea class="yaoqiulist" name="" id="" cols="30" rows="10" readonly="readonly"  th:utext="${bianliang.value}">要求中式风格,古朴典雅,20天完成</textarea>
                <p class="jiagelis"  th:utext="${bianliang.value}">价格:800元</p>
                <p class="rightrow"></p>
                <p class="zhongbiaozhaungt"  th:utext="${bianliang.value}">未中标</p>
                <p class="huihua">发起会话</p>
             </li>
             </a>-->
              
         </ul>
     </div>
    </div>
    <!-- 进行中 -->
   <div class="jinxingzhong">
          <div class="renwulie">
       <p class="tixukl">任务列表</p>
     </div>
     <div class="renwulist">
         <ul id="jinxing">
             <!--
         <a href="../SJS/SJS_yitouIng.html">
             <li class="renwilistli renldd" th:each=“bianliang：${result}”> 
               <p class="xiaqumna"  th:utext="${bianliang.value}"><b>雅居园小区128平</b></p>
               <p class="timelist"  th:utext="${bianliang.value}">2017-12-12 21:45</p>
                <textarea class="yaoqiulist" name="" id="" cols="30" rows="10" readonly="readonly"  th:utext="${bianliang.value}">要求中式风格,古朴典雅,20天完成</textarea>
                <p class="jiagelis"  th:utext="${bianliang.value}">价格:800元</p>
                <p class="rightrow"></p>
                <p class="zhongbiaozhaungt xuanzhong"  th:utext="${bianliang.value}">进行中</p>
                <p class="huihua">发起会话</p>
             </li>
             </a>-->
         </ul>
     </div>
    </div>
    <!-- 已完成 -->
   <div class="yiwanchendlist">
        <div class="renwulie">
       <p class="tixukl">任务列表</p>
     </div>
     <div class="renwulist">
         <ul id="yiwancheng">

         </ul>
     </div>
     </div>
    <div th:include="/hzf-wxplatform-web/SJS/sjsfooter.html::frofile('2')"></div>


    </div> 
	<script type="text/javascript" src="../js/flexible.js" th:src="@{${uiPath} + ${appName} + '/js/flexible.js'}"></script>
    <script type="text/javascript" src="../js/jquery.min.js" th:src="@{${uiPath} + ${appName} + '/js/jquery.min.js'}"></script>
<script type="text/javascript" src="../js/zdialog.js" th:src="@{${uiPath} + ${appName} + '/js/zdialog.js?v=20171222'}"></script>

    <script type="text/javascript" src="../js/SJS.js" th:src="@{${uiPath} + ${appName} + '/js/SJS.js'}"></script>
<script th:inline="javaScript">
    var distanceType=0;

    var qiehuanType=0;
    var data="";

    var accuracy = "";
    $(document).ready(function(){
        $.DialogByZ.Loading(/*[[${uiPath}+${appName}+'/images/loading.png']]*/);

        $.ajax({
            url:"/demand/jiedanData",
            dataType:"json",
            type:'post',
            data:'',
            success:function (result) {

                if(result.code==1){

                    if(result.data.list.length!=0){
                        var data1=result.data.list;
                        $('.shejishilibiao').empty();

                        for(var i=0;i<data1.length;i++){
                            var a= $("<a href='/demand/info?id=" + data1[i].id + "' ></a>");
                            var p = "<p class='xiaqumna'><b>"+data1[i].callName+"</b></p>"
                            var pdata="<p class='timelist' >"+data1[i].createDate+"</p>"
                            var text=" <textarea class='yaoqiulist' name='' id='' cols='30' rows='10' readonly='readonly'>"+data1[i].demandInfo+"</textarea>"
                           var jiap=" <p class='jiagelis'>价格"+data1[i].callBudget+"</p>"
                            var zp="<p class='rightrow'></p>"
                            var div= $("<li class='renwilistli '></li>");
                            div.append(p);
                            div.append(pdata);
                            div.append(text);
                            div.append(jiap);
                            div.append(zp);
                            a.append(div)
                            $('#jiedan').append(a);
                        }

                    }else{

                    }

                    $('.loadingd').show();

                }
                else{
                }

            }

        })
        $.ajax({
            url:"/demand/toubiaoData",
            dataType:"json",
            type:'post',
            data:'',
            success:function (result) {
                $.DialogByZ.Close();
                var data1=result.data.yitou;
                var data2=result.data.weixuan;
                var data3=result.data.weifukuanlist;
                for(var i=0;i<data1.length;i++){
                            var a= $("<a href='/demand/info?id=" + data1[i].id + "' ></a>");
                            var p = "<p class='xiaqumna'><b>"+data1[i].callName+"</b></p>"
                            var pdata="<p class='timelist' >"+data1[i].createDate+"</p>"
                            var text=" <textarea class='yaoqiulist' name='' id='' cols='30' rows='10' readonly='readonly'>"+data1[i].demandInfo+"</textarea>"
                            var jiap=" <p class='jiagelis'>价格"+data1[i].callBudget+"</p>"
                            var zp="<p class='rightrow'></p>"
                            var type="<p class='zhongbiaozhaungt'>已投标</p>"
                            var typep=" <p class='huihua'>发起会话</p>"
                            var div= $("<li class='renwilistli renldd'></li>");
                            div.append(p);
                            div.append(pdata);
                            div.append(text);
                            div.append(jiap);
                            div.append(zp);
                            div.append(type);
                            div.append(typep);
                            a.append(div)
                            $('#toubiao').append(a);
                        }
                for(var i=0;i<data2.length;i++){
                    var a= $("<a href='/demand/info?id=" + data2[i].id + "' ></a>");
                    var p = "<p class='xiaqumna'><b>"+data2[i].callName+"</b></p>"
                    var pdata="<p class='timelist' >"+data2[i].createDate+"</p>"
                    var text=" <textarea class='yaoqiulist' name='' id='' cols='30' rows='10' readonly='readonly'>"+data2[i].demandInfo+"</textarea>"
                    var jiap=" <p class='jiagelis'>价格"+data2[i].callBudget+"</p>"
                    var zp="<p class='rightrow'></p>"
                    var type="<p class='zhongbiaozhaungt'>未中标</p>"
                    var typep=" <p class='huihua'>发起会话</p>"
                    var div= $("<li class='renwilistli renldd'></li>");
                    div.append(p);
                    div.append(pdata);
                    div.append(text);
                    div.append(jiap);
                    div.append(zp);
                    div.append(type);
                    div.append(typep);
                    a.append(div)
                    $('#toubiao').append(a);
                }
                for(var i=0;i<data3.length;i++){
                    var a= $("<a href='/demand/info?id=" + data3[i].id + "' ></a>");
                    var p = "<p class='xiaqumna'><b>"+data3[i].callName+"</b></p>"
                    var pdata="<p class='timelist' >"+data3[i].createDate+"</p>"
                    var text=" <textarea class='yaoqiulist' name='' id='' cols='30' rows='10' readonly='readonly'>"+data3[i].demandInfo+"</textarea>"
                    var jiap=" <p class='jiagelis'>价格"+data3[i].callBudget+"</p>"
                    var zp="<p class='rightrow'></p>"
                    var type="<p class='zhongbiaozhaungt' style='left: 6rem;width: 3rem;'>已中标，等待付款</p>"
                    var typep=" <p class='huihua'>发起会话</p>"
                    var div= $("<li class='renwilistli renldd'></li>");
                    div.append(p);
                    div.append(pdata);
                    div.append(text);
                    div.append(jiap);
                    div.append(zp);
                    div.append(type);
                    div.append(typep);
                    a.append(div)
                    $('#toubiao').append(a);
                }
                    $('.loadingd').show();



            }

        })
        $.ajax({
            url:"/demand/zhizuobiaoData",
            dataType:"json",
            type:'post',
            data:'',
            success:function (result) {
                $.DialogByZ.Close();
                var data1=result.data.list;
                var data2=result.data.ysclist;
                var data3=result.data.jujueclist;
                var data4=result.data.ywcclist;
                for(var i=0;i<data1.length;i++){
                    var a= $("<a href='/demand/info?id=" + data1[i].id + "' ></a>");
                    var p = "<p class='xiaqumna'><b>"+data1[i].callName+"</b></p>"
                    var pdata="<p class='timelist' >"+data1[i].createDate+"</p>"
                    var text=" <textarea class='yaoqiulist' name='' id='' cols='30' rows='10' readonly='readonly'>"+data1[i].demandInfo+"</textarea>"
                    var jiap=" <p class='jiagelis'>价格"+data1[i].callBudget+"</p>"
                    var zp="<p class='rightrow'></p>"
                    var type="<p class='zhongbiaozhaungt xuanzhong'>制作中</p>"
                    var typep=" <p class='huihua'>发起会话</p>"
                    var div= $("<li class='renwilistli renldd'></li>");
                    div.append(p);
                    div.append(pdata);
                    div.append(text);
                    div.append(jiap);
                    div.append(zp);
                    div.append(type);
                    div.append(typep);
                    a.append(div)
                    $('#jinxing').append(a);
                }
                for(var i=0;i<data2.length;i++){
                    var a= $("<a href='/demand/info?id=" + data2[i].id + "' ></a>");
                    var p = "<p class='xiaqumna'><b>"+data2[i].callName+"</b></p>"
                    var pdata="<p class='timelist' >"+data2[i].createDate+"</p>"
                    var text=" <textarea class='yaoqiulist' name='' id='' cols='30' rows='10' readonly='readonly'>"+data2[i].demandInfo+"</textarea>"
                    var jiap=" <p class='jiagelis'>价格"+data2[i].callBudget+"</p>"
                    var zp="<p class='rightrow'></p>"
                    var type="<p class='zhongbiaozhaungt xuanzhong'style='left: 6rem;width: 3.3rem;'>已上传，等待业主审核</p>"
                    var typep=" <p class='huihua'>发起会话</p>"
                    var div= $("<li class='renwilistli renldd'></li>");
                    div.append(p);
                    div.append(pdata);
                    div.append(text);
                    div.append(jiap);
                    div.append(zp);
                    div.append(type);
                    div.append(typep);
                    a.append(div)
                    $('#jinxing').append(a);
                }
                for(var i=0;i<data3.length;i++){
                    var a= $("<a href='/demand/info?id=" + data3[i].id + "' ></a>");
                    var p = "<p class='xiaqumna'><b>"+data3[i].callName+"</b></p>"
                    var pdata="<p class='timelist' >"+data3[i].createDate+"</p>"
                    var text=" <textarea class='yaoqiulist' name='' id='' cols='30' rows='10' readonly='readonly'>"+data3[i].demandInfo+"</textarea>"
                    var jiap=" <p class='jiagelis'>价格"+data3[i].callBudget+"</p>"
                    var zp="<p class='rightrow'></p>"
                    var type="<p class='zhongbiaozhaungt xuanzhong'style='left: 5rem;width: 4rem;'>业主不通过审核，请修改</p>"
                    var typep=" <p class='huihua'>发起会话</p>"
                    var div= $("<li class='renwilistli renldd' ></li>");
                    div.append(p);
                    div.append(pdata);
                    div.append(text);
                    div.append(jiap);
                    div.append(zp);
                    div.append(type);
                    div.append(typep);
                    a.append(div)
                    $('#jinxing').append(a);
                }
                for(var i=0;i<data4.length;i++){
                    var a= $("<a href='/demand/info?id=" + data4[i].id + "' ></a>");
                    var p = "<p class='xiaqumna'><b>"+data4[i].callName+"</b></p>"
                    var pdata="<p class='timelist' >"+data4[i].createDate+"</p>"
                    var text=" <textarea class='yaoqiulist' name='' id='' cols='30' rows='10' readonly='readonly'>"+data4[i].demandInfo+"</textarea>"
                    var jiap=" <p class='jiagelis'>价格"+data4[i].callBudget+"</p>"
                    var zp="<p class='rightrow'></p>"
                    var type="<p class='zhongbiaozhaungt xuanzhong'style='left: 5rem;width: 4rem;'>已完成</p>"
                    var typep=" <p class='huihua'>发起会话</p>"
                    var div= $("<li class='renwilistli renldd' ></li>");
                    div.append(p);
                    div.append(pdata);
                    div.append(text);
                    div.append(jiap);
                    div.append(zp);
                    div.append(type);
                    div.append(typep);
                    a.append(div)
                    $('#yiwancheng').append(a);
                }
                $('.loadingd').show();



            }

        })
    });
</script>
</body>
</html>